<template>
  <div>
    <h3>请选择你喜欢的专栏</h3>
    <input type="checkbox" value="唱歌" v-model="hobby">唱歌
    <input type="checkbox" value="跳舞" v-model="hobby">跳舞
    <input type="checkbox" value="下棋" v-model="hobby">下棋
    <input type="checkbox" value="跑步" v-model="hobby">跑步
    <input type="checkbox" value="游泳" v-model="hobby">游泳
    <!-- 添加 -->
    <ul>
     <li v-for="(item,index) in hobby" :key='index'>{{item}}</li> 
    </ul>
  </div>
</template>

<script>
export default {
  data(){
    return{
      hobby:[]
    }
  }
}
</script>

<style>

</style>